/* Custom Style 1 */
#comments {display:none}
#main-wrapper {
  background-color:#333;
  background-image:none;
  border-color:#ebebeb;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}
#main-wrapper .inline-ad {
  margin:0;
  border:none;
  background:none;
}
#main-nav {border-bottom:1px solid #222}
.post {
  text-align:left;
  margin:0;
  padding:0;
  border:none;
  color:#ccc;
}
.post-title {
  border:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  padding:10px 15px;
  font:normal normal 16px/normal Alike,Georgia,"URW Bookman L",Serif;
  text-transform:uppercase;
  text-shadow:0 -1px 0 #111;
}
.post-body {
  margin:0;
  padding:0 0 30px 0;
  border:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  min-height:570px;
  font-size:86%;
  line-height:1.2;
  color:#666;
}
.post-footer {
  background:transparent;
  color:#999;
  border:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
}

/* Table of Content */
#table-outer {
  padding:7px 10px;
  margin:30px 30px 0;
}
#table-outer table {
  width:80%;
  margin:0;
}
#table-outer form {font:inherit}
#table-outer td {padding:2px 2px}
#table-outer label {
  font-weight:bold;
  color:#999;
  text-shadow:0 1px 0 rgba(0,0,0,.4);
  display:block;
  text-align:right;
  margin:0 10px 0 0;
  padding:4px 0 0;
}
#table-outer select[disabled] {opacity:.4}
#post-searcher {
  display:block;
  margin:0;
  padding:0;
}
#table-outer input,
#table-outer select {
  width:100%;
  background-color:#111;
  border:none;
  display:block;
  margin:0;
  padding:5px 5px;
  font-size:86%;
  text-transform:uppercase;
  color:#777;
  outline:none;
  -webkit-box-shadow:inset 0 1px 3px black,0 1px 0 #444;
  -moz-box-shadow:inset 0 1px 3px black,0 1px 0 #444;
  box-shadow:inset 0 1px 3px black,0 1px 0 #444;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}
#table-outer input:focus,
#table-outer select:focus {background-color:#090909}
#feed-container {
  display:block;
  clear:both;
  margin:0 30px;
  padding:0;
  list-style:none;
  overflow:hidden;
  position:relative;
  border:1px solid #3c3c3c;
  border-top:none;
  text-shadow:0 1px 0 rgba(0,0,0,.4);
}
#feed-container:after {
  content:"";
  display:block;
  width:1px;
  height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  background-color:#3c3c3c;
}
#feed-container li {
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #3c3c3c;
  color:#999;
  width:50%;
  float:left;
  display:inline;
}
#feed-container li .inner {
  margin:15px 16px;
  height:116px;
  overflow:hidden;
  word-wrap:break-word;
  text-overflow:ellipsis;
}
#feed-container li a {
  text-decoration:none;
  color:#5687B8;
}
#feed-container li a:hover {
  text-decoration:none;
  color:#eee;
}
#feed-container li a.toc-title {font-weight:bold}
#feed-container li .news-text {margin:10px 0 0}
#feed-container li img {
  margin:0 10px 5px 0;
  padding:5px;
  background-color:#222;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  float:left;
}
#result-desc {
  margin:0 30px;
  padding:0;
  border-bottom:4px solid #303030;
}
#result-desc span,
#result-desc div {
  display:block;
  margin:0;
  padding:5px 10px 7px;
  color:#D64D52;
}
#result-desc div {color:inherit}
#feed-nav {
  margin:10px 30px 0;
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
}
#feed-nav a,
#feed-nav span {
  background-color:#111;
  padding:0;
  color:#999;
  text-decoration:none;
  display:block;
  height:30px;
  line-height:32px;
}
#feed-nav a:hover,
#feed-nav a:active {
  background-color:black;
  color:white;
}
#feed-nav span {cursor:wait}

/* Notification List */
.notification-list-outer {padding:20px}
#notification-list {
  font:inherit;
  line-height:1.4;
  margin:0;
  padding:0;
  color:white;
  border-bottom:1px solid #3c3c3c;
  border-left:1px solid #3c3c3c;
}
#notification-list .del,
#notification-list .del:hover {
  position:absolute;
  top:0;
  right:0;
  border-left:1px solid #3c3c3c;
  border-bottom:1px solid #3c3c3c;
  background-color:#333;
  padding:6px 10px;
  font:normal bold 18px/100% Arial,Sans-Serif;
  text-decoration:none;
  display:none;
}
#notification-list li {
  list-style:none;
  margin:0;
  padding:16px 16px 16px 84px;
  border-top:1px solid #3c3c3c;
  position:relative;
}
#notification-list li:focus {
  outline:none;
  background-color:#2f2f2f;
}
#notification-list li:hover .del,
#notification-list li:focus .del {display:block}
#notification-list li.admin:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border:5px solid transparent;
  border-color:#900 transparent transparent #900;
  position:absolute;
  top:0;
  left:0;
}
#notification-list a {
  text-decoration:none;
  color:#5687B8;
}
#notification-list a:hover {text-decoration:underline}
#notification-list .face {
  display:block;
  width:50px;
  height:50px;
  position:absolute;
  top:16px;
  left:16px;
  border:1px solid #3c3c3c;
  padding:4px;
  background-color:#292929;
}
#notification-list .face img {
  width:50px;
  height:50px;
  max-width:none;
  max-height:none;
  padding:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
#notification-list .notification-post strong.title {
  display:block;
  margin:0 0 10px 10px;
}
#notification-list .notification-body {
  background-color:#3c3c3c;
  border:1px solid #444;
  padding:10px 12px;
  margin:0 0 5px 10px;
}
#notification-list i[rel="code"],
#notification-list i[rel="pre"],
#notification-list pre,
#notification-list code {
  font:normal normal 12px/normal "Courier New",Courier,Monospace;
  color:inherit;
}
#notification-list i[rel="pre"],
#notification-list pre {
  display:block;
  word-wrap:normal;
  white-space:pre;
  overflow:auto;
  background-color:#002B36;
  padding:.5em 1em;
  border-left:4px solid #268BD2;
  margin:10px 0;
}

/* Top Commentators */
.active-member {padding:10px}
.cm-person {
  margin:2px;
  position:relative;
  float:left;
  width:80px;
  height:100px;
  font-size:86%;
  line-height:normal;
  text-align:center;
  line-height:10px;
  padding:10px;
  border:1px solid #3c3c3c;
  color:#999;
  background-color:#222;
  -webkit-box-shadow:inset 0 0 1px black;
  -moz-box-shadow:inset 0 0 1px black;
  box-shadow:inset 0 0 1px black;
}
.cm-person a.profile-name-link {
  width:80px;
  height:80px;
  position:absolute;
  top:10px;
  left:10px;
  background-color:#999;
  color:white;
  text-decoration:none;
  font-weight:bold;
  font-size:30px;
  line-height:80px;
  display:none;
}
.cm-person a.profile-name-link.item1 {background-color:#BC0000}
.cm-person a.profile-name-link.item2 {background-color:#1A00CE}
.cm-person a.profile-name-link.item3 {background-color:#39A003}
.cm-person a.profile-name-link.item4 {background-color:#8B039D}
.cm-person a.profile-name-link.item5 {background-color:#F0C100}
.cm-person a.profile-name-link.item6 {background-color:#00D1CB}
.cm-person a.profile-name-link.item7 {background-color:#FFEA03}
.post .post-body .cm-person img {
  background-color:#666;
  display:block;
  width:80px;
  height:80px;
  padding:0;
  margin:0 0 10px;
  border:none;
  max-width:none;
  max-height:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}
.cm-person:hover {background-color:#111}
.cm-person:hover a.profile-name-link {display:block}

/* RWD */
@media (max-width:860px) {
  /* Phew... rewrite some rules... */
  .addthis_toolbox {
    border-top-color:transparent;
    background:none;
  }
  .addthis_toolbox a.subscribe {
    float:right;
    display:block;
    top:-1px;
    padding:2px 7px;
  }
}
@media (max-width:800px) {
  #table-outer table {width:100%}
  #feed-container li {
    float:none;
    display:block;
    width:auto;
    height:auto;
  }
  #feed-container:after {display:none}
}
@media (max-width:580px) {
  #main-nav {border-top:1px solid #222}
  .addthis_toolbox a.subscribe {
    top:0;
    margin-top:-8px;
    margin-right:-5px;
    font-size:86%;
    font-weight:bold;
    padding:9px 15px 6px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
  }
}